@media screen and (min-width:750px){
    html {
        font-size: 37.5px!important;
    }
}
body {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    height: 1200px;
}
a {
    text-decoration: none;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    color: #707070;
}
h4,h5{
    padding: 0;
    margin: 0;
}
.box_nav_go {
    padding-bottom: 1.6533rem;
}
header {
    height: 2.1333rem;
    text-align: center;
    align-content: center;
    font-size: .88rem;
    line-height: .88rem;
    color: #1C1C1C;
    border-bottom: 1px solid #EAEAEA;
}
nav {
    box-sizing: border-box;
    padding-top: 1.1733rem;
    padding-bottom: 1.6rem;
    display: flex;
    flex-flow: row wrap;
    row-gap: 1.6533rem;
    .item {
        width: 33.3333%;
        display: flex;
        flex-flow: column nowrap;
        text-align: center;
        align-items: center;
    }
    a {
        font-size: .6667rem;
        line-height: .72rem;
        letter-spacing: 0.63px;
        img {
            height: 3.7333rem;
            width: 3.7333rem;
        }
    }
}
.go{
    margin: 0 .48rem;
}
.content {
    border-top: .2667rem solid #F2F4F7;
    box-sizing: border-box;
    padding: 1.0667rem .64rem 1.0133rem .5867rem;
    font-style: Microsoft YaHei!important;
    .content_title {
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        padding-top: 1.0667rem;
        padding-bottom: .9067rem;
        .theme {
            font-size: .7467rem;
            line-height: .7467rem;
            color: #333333;
            span {
                display: inline-block;
                width: 1.0133rem;
                height: .7467rem;
            }    
        }
        .more {
            font-size: .5867rem;
            line-height: .5867rem;
            color: #999999;
        }
    }
}
.carousel_1 {
    position: relative;
    .swiper-button-next,.swiper-button-prev {
        position: absolute;
        top: 50%;
    }
    .swiper-container {
        width: 14.4rem;
        height: 100%;
        overflow: hidden;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(0.8);
    }
    .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);
    }
    .swiper-slide-active {
        z-index: 999;
    }
    .swiper-slide-active {
        opacity: 1;
    }
    .swiper-slide-duplicate-active {
        opacity: 0.5;
        h4 {
            display: none;
        }
    }
    .swiper-slide {
        display: flex;
        flex-flow: column nowrap;
        width: 9.0133rem;
        height: 10.0267rem;
        span {
            width: 17.0667rem;
            height: 100%;
        }
        h4 {
            padding-top: .64rem;
            padding-bottom: 1.0133rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: .64rem;
            font-weight: 500;
            color: #333333;
        }
    }
}

.carousel_2 {
    height: 10.32rem;
    margin-bottom: 3.7867rem;
    .swiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .swiper-slide {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        border-radius: .2667rem;
        padding: .2667rem .2667rem;
        box-shadow:  #f8f9fa 0.1rem 0.1rem 0.1rem 0.1rem;
        img {
            display: block;
            width: 7.2533rem;
            height: 4.56rem;
            object-fit: cover;
        }
        h4 {
            padding: .6667rem .2667rem;
            font-size: .7467rem;
            color: #333740;
        }
        h5 {
            padding-bottom: .265rem;
            font-size: .64rem;
            color: #ff4400;
        }
    } 
}

.footer {
    position: fixed;
    bottom: 0;
    display: flex;
    z-index: 999;
    height: 3.0133rem;
    width: 20rem;
    .item {
        flex: 1;
        display: flex;
        background-color: #fff;
        flex-flow: column nowrap;
        font-size: .5867rem;
        align-items: center;
        justify-content: center;
        span {
            width: .8rem;
            height: 1.0933rem;
        }
        p {
            color: linear-gradient(0deg,#52c4f0 0%, #2ccac7 100%);
        }
    }
}